<!-- <h1>role-addor-edit works!</h1>
<html><head></head><body>
    <form class="example-form" class="staff-from">
<p>
    <mat-form-field appearance="outline">
        <mat-label>staffName</mat-label>
        <input matInput="" PlaceHolder="Placeholder" name="staffName" [value]="staffName"  [(ngModel)]="staffName">
        <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
        <mat-error *ngIf="nameFormControl.hasError('required')">
            staffAge is <strong>required</strong>
          </mat-error>
        <mat-hint>Hint</mat-hint>
    </mat-form-field>
    </p>
  <p>
    <mat-form-field appearance="outline">
      <mat-label>staffAge</mat-label>
      <input type="number" matInput="" PlaceHolder="Placeholder" name="staffAge" [value]="staffAge" [(ngModel)]="staffAge">
      <mat-icon matSuffix>sentiment_very_satisfied</mat-icon>
      <mat-hint>Hint</mat-hint>
      <mat-error *ngIf="numberFormContorl.hasError('required')">
        staffAge is <strong>required</strong>
      </mat-error>
    </mat-form-field>
  </p>
  <p>

    <mat-radio-group aria-label="Select an option" name="staffGender"    [(ngModel)]="staffGender">
        <mat-radio-button name="staffr" [checked]="staffGender" >Boy</mat-radio-button>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <mat-radio-button  name="staffr" [checked]="staffGender" >Girl</mat-radio-button>
      </mat-radio-group>
  </p>
  <p>
    <mat-form-field appearance="outline">
        <mat-label>staffInTime</mat-label>
        <input matInput [matDatepicker]="picker" [value]="staffInTime" name="staffInTime" [(ngModel)]="staffInTime">
        <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
        <mat-datepicker #picker startView="year" [startAt]="startDate"></mat-datepicker>
      </mat-form-field>
  </p>
</form>
<button mat-raised-button color="primary" (click)="toSubmit()">Primary</button>
  </body></html> -->
